<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="../../Script/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
    <style type="text/css">
        .image {
            height: 45px;
            width: 45px;
            margin: 2px;
            padding: 8px;
        }

        .selectedImage {
            height: 55px;
            width: 55px;
            margin: 2px;
            padding: 2px;
            background-color: #bbbbbb;
            border: 1px solid #EEEEEE;
            -moz-border-radius: 10px;
        }
    </style>
    <script type="text/javascript">
        function onLoad() {
            var img = document.getElementById("images").getElementsByTagName("img");
            dojo.connect(img, "onmouseover", function () {
                img.className = "selectedImage";
            });
            dojo.connect(img, "onmouseout", function () {
                img.className = "image";
            });
        }
    </script>
</head>
<body>

</body>
</html>
